<template>
    <view class="content">
        <van-nav-bar :title="navBarTitle" left-arrow @click-left="onClickLeft" class="navBar">
        </van-nav-bar>
        <view class="page">
            <!-- <view class="pageTitle">{{navBarTitle }} <span>近三个月</span> </view> -->
            <scroll-view class="scroll-content" scroll-y :lower-threshold="80" @scroll="scrollPage"
                @scrolltolower="loadMore" show-scrollbar="false" id="scroller">
                <view class="wrapper">
                    <van-tabs :swipeable="true" :sticky="true" :active="activeTab" @click="changeTab" animated
                        line-width="20px" color="#FF6203" :ellipsis="false" title-inactive-color="#333333"
                        title-active-color="#FF6203" isFixed="true" :swipe-threshold="4" :offset-top="offsetTop"
                        :scroll-top="scrollTop" z-index="4" :border="true">
                        <van-tab v-for="(tab, index) in allData" :title="tab.typeName" :key="index">
                            <view class="orderList_box">
                                <template>
                                    <view class="expressListBox" v-if="resultList && resultList.length > 0">
                                        <batchInOrOutList :resultList="resultList"
                                            @checkbox-change="handleCheckboxChange" @handlechecked="handlechecked"
                                            :check-all="checkAll" @showMoreAction="showMoreAction" :type="currentHandle" :loading="loading" :finished="finished">
                                        </batchInOrOutList>
                                    </view>
                                    <view class="noPackagewrapper" v-else>
                                        <van-empty class="custom-image"
                                            image="https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/emptyPackage.png"
                                            description="暂无包裹信息" />
                                    </view>
                                    <!-- <view v-if="loading" class="loading-text">正在加载...</view>
                                    <view v-if="finished" class="no-more-text">没有更多了</view> -->
                                </template>
                            </view>
                            <!-- <view class="noOrderwrapper" v-else>
                            <view class="noOrderPic">
                                <img src=" https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/noOrder.png"
                                    alt="">
                            </view>
                            <view class="description">
                                <view>没有相关服务订单</view>
                                <view>去下一单吧</view>
                            </view>
                            <view class="btnArea">
                                <button plain class="checkBtn" @click="lookAroundBtn">去逛逛</button>

                            </view>
                        </view> -->
                        </van-tab>
                    </van-tabs>
                </view>
            </scroll-view>
            <!-- <view class="topBox">
                <view class="sort-menu">
                    <view :class="[currentPIndex === index ? 'sort_option_selected ' : '', 'sort_option']"
                        v-for="(item, index) in allData" :key="index" :id="index"
                        @click="changeSort(index, $event, item.name)">
                        <view class="couponSpanText">{{ item.name }}</view>
                        <view class="bottomLine" v-if="currentPIndex === index"></view>
                    </view>
                </view>

            </view>
            <scroll-view class="scroll-content" scroll-y :lower-threshold="80" @scroll="scrollPage"
                show-scrollbar="false">
                <view class="expressListBox">
                    <batchInOrOutList :resultList="resultList" @checkbox-change="handleCheckboxChange"
                        @handlechecked="handlechecked" :check-all="checkAll" @showMoreAction="showMoreAction">
                    </batchInOrOutList>
                </view>
            </scroll-view> -->
        </view>
        <template v-if="activeTab !==2 && showBottomBtn">
            <view class="nav_box">
                <van-submit-bar price="" :button-text="currentButtonText" button-type="warning" @submit="allTakeInOrOut" :disabled="isSubmiting" :class="{ 'is-submiting': isSubmiting }">
                    <view style="display: flex; align-items: center;" class="delete">
                        <van-checkbox checked-color="#FF6203" v-model="checkAll" :label-disabled="false"
                            @click="onChangeItem('多选')" @change="handleCheckAll" use-icon-slot>
                            <image @change="handleCheckAll" slot="icon" class="checked-img"
                                :src="checkAll ? activeIcon : inactiveIcon" />
                        </van-checkbox>
                        <view class="selectedNum" @click="onChangeItem('多选')">已选（{{ selectedRowKeys.length }}）</view>
                    </view>
                </van-submit-bar>
            </view>
        </template>
        <van-toast id="van-toast" />
    </view>
</template>
<script>
import Toast from '@/wxcomponents/vant/toast/toast'
import batchInOrOutList from '@/mycomponents/merchant/batchInOrOutList.vue'
import moreActionsPopup from '@/mycomponents/merchant/moreActionsPopup.vue'
import {getSelfPickupListApi,handleInboundApi,handleOutboundApi} from '@/api/merchant'

export default {
    components:{
        batchInOrOutList,
        moreActionsPopup
    },
    props: {
        show: {
            type: Boolean,
            default: () => false
        },
        popupParams: {
            type: Object,
            default: () => ({})
        }
    },
    data () {
        return {
            scrollTop: 0,
            offsetTop:0,
            navBarHeight: 0,
            scrolling:false,
            scrolling: false,
            navBarTitle:'退货出入库',
            searchPlaceholder: 'Enter tracking number',
            searchButton: 'Search',
            tabsList: [
                {
                    key: '0',
                    tabsName: '手机号'
                },
                {
                    key: '1',
                    tabsName: '运单号'
                },
                {
                    key: '2',
                    tabsName: '取件码'
                },
                {
                    key: '3',
                    tabsName: '姓名'
                },
            ],
            current:0, //当前选中的tab
            status: {
                notOutbound: 'Not Outbound',
                outbound: 'Outbound'
            },
            searchValue: '',
            tabActive: 0,
            expressList: [
                { phone: '198****1000', name: '刘*而', status: 1 },
                { phone: '185****1000', name: '张桐二', status: 1 },
                { phone: '15232651000', name: '孙*俪', status: 0 },
                { phone: '18546781000', name: '刘*娥', status: 0 }
            ],
            phoneCount:4, //同名字不同手机数量
            packagesCount:2, //未出库包裹数量
            resultList:[
                // {
                //     wayBillNo:'1234567890124',
                //     pickupCode:'2205',
                //     status:'已出库',
                //     address:'北京市海淀区',
                //     time:'2023-10-10 10:10:10',
                //     userName:"张伟",
                //     phone:"18546781000",
                // },
                // {
                //     wayBillNo:'1234567890123',
                //     pickupCode:'2203',
                //     status:'已出库',
                //     address:'北京市海淀区',
                //     time:'2023-10-10 10:10:10',
                //     userName:"张伟",
                //     phone:"18546781000",
                // }
            ],

            checkAll: false, // 全选状态
            selectedRowKeys: [], // 已选择的数据的id
            selectedRows: [], // 已选择的数据
            checked: [],
            inactiveIcon:
                'https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/notChecked1126.png',
            activeIcon:
                'https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/goodsChecked1126.png',
            disabledIcon: 'https://17lelife-bucket.oss-cn-beijing.aliyuncs.com/WeChat-App-Picture/disabledIcon.png',
            isShowBlue: false,
            showActSheet: false, // 控制动作面板的显示
            moreActions: [
                { name: '转上门', color: '#ff4949' },
                { name: '取消入库', color: '#1989fa' },
                // { name: '分享', color: '#1989fa' },
            ],
            currentPIndex: 0,
            activeTab:0,
            allData: [
                {
                    id: 1,
                    typeName: '退货入库'
                },
                {
                    id: 2,
                    typeName: '退货出库'
                },
                {
                    id: 3,
                    typeName: '退货已出库'
                },
            ],
            params:{},
            handle:'',
            showBottomBtn:false,
            navTitles :{
                'batchawait': '批量出入库',
                'batchhasIn': '批量出入库', 
                'afterSalereturnAwaitIn': '退货出入库',
                'afterSalereturnAwaitOut': '退货出入库',
            },
            buttonTexts : {
                'batchawait': '一键入库',
                'batchhasIn': '一键出库', 
                'afterSalereturnAwaitIn': '退货入库',
                'afterSalereturnAwaitOut': '退货出库',
            },
            handleType:{
                0:'batchawait',
                1:'batchhasIn',
                2:'afterSalereturnAwaitIn',
                3:'afterSalereturnAwaitOut',
                4:'afterSaleHasOut',
            },
            
            btnTexts:{
            },
            currentButtonText:'',
            currentHandle:undefined,
            statusNumber:undefined,
            pageNum:1,
            pageSize:10,
            total:0,
            totalPage:0,
            loading: false,
            finished: false,
            currentDate: '',
            isSubmiting: false // 控制提交状态
        }
    },

    computed: {
    },

    watch:{
        resultList: {
            immediate: true,
            handler(val) {
                console.log(val)
                if (!val || val.length == 0) {
                   return 
                }
                var i = 0
                this.resultList.forEach(item => {
                    if (item.isChecked === true) {
                        i++
                    }
                    this.checkAll = i === this.resultList.length
                })
            },
            deep: true
        },
        checked: {
            handler (val) {
                console.log(val, 'newName')
            }
        },
        selectedRowKeys: {
            handler (val) {
                console.log(val, 'selectedRowKeys')
                // if (val.length > 0) {
                //     this.isShowBlue = true // 标记为正常的按钮  深蓝色
                // } else {
                //     this.isShowBlue = false // 标记为正常的按钮  浅蓝色
                // }
            }
        },
        selectedRows: {
            handler (val) {
                console.log(val, 'selectedRows')
            }
        },

    },
    onLoad (data) {
        // 取到路由携带的参数
        if (data && data.params) {
            this.params = JSON.parse(decodeURIComponent(data.params || '{}'))
            console.log('params', this.params)
            this.handle = this.params.handle
            this.currentHandle = this.handle
            this.activeTab = this.params.activeTab
            this.navBarTitle = this.navTitles[this.handle] || '批量处理'
            this.currentButtonText = this.buttonTexts[this.handle] || '操作'
            console.log('this.currentHandle', this.currentHandle)
            if (this.params.statusNumber) {
                // 转换为数字类型
                this.statusNumber = Number(this.params.statusNumber); 
            }
            if (this.handle.includes('batch')) {
                this.allData = [
                    { id: 1, typeName: '待入库' },
                    { id: 2, typeName: '已入库' },
                ]
                this.btnTexts = {
                    0: '一键入库',
                    1: '一键出库',
                }
            }else{
                this.allData = [
                    { id: 1, typeName: '退货入库' },
                    { id: 2, typeName: '退货出库' },
                    { id: 3, typeName: '退货已出库' },
                ]
                this.btnTexts = {
                    0: '退货入库',
                    1: '退货出库',
                }
            }
        }
      
    },
    onReady () {
        // this.resultList.forEach(ele => {
        //     this.$set(ele, 'isChecked', false)
        // });
     },
     onShow(){
        this.currentDate = this.formattedDateStr(new Date());
        this.getSelfPickupList()
     },

    methods: {
        // 滑动
        scrollPage (e) {
            console.log(e.detail.scrollTop, this.scrolling)
            if (e.detail.scrollTop > 10) {
                this.scrolling = true
                this.offsetTop = this.navBarHeight 
            } else  {
                this.scrolling = false
                this.offsetTop = e.detail.scrollTop;
            }
        },
        // 返回键
        onClickLeft() {
            uni.redirectTo({
                url: '/pages/merchant/index'
            })
        },
        // 新增加载更多方法
        loadMore() {
            if (!this.finished) {
                // this.getEmpServiceList();
            }
        },
        formattedDateStr(dateStr) {
            const date = new Date(dateStr);
            const year = date.getFullYear();
            let month = (date.getMonth() + 1).toString().padStart(2, '0');
            let day = date.getDate().toString().padStart(2, '0');
            return `${year}-${month}-${day}`;
        },
        // // 页面顶部的tab
        // changeSort(index, e) {
        //     this.currentPIndex = index
        //     this.curPopup = this.currentPIndex    // 弹窗部分的选项
        //     console.log(index, e)
        // },


        changeTab (e) {
            this.activeTab = e.detail.index
            console.log(e, '090909',this.activeTab)
            this.currentButtonText = this.btnTexts[this.activeTab] || '操作'
            this.changeHandleType() // 切换handleType
            if (this.handle.includes('batch')) {  //TO_BE_STORED(1, "待入库"), STORED(2, "已入库"),
               this.statusNumber = Number(this.activeTab) + 1
            }else{ //  TO_BE_RETURN_STORED(5, "待退货入库"), RETURN_TO_BE_OUTBOUND(6, "退货待出库"),RETURN_OUTBOUND(9, "退货已出库"),
                if (this.activeTab === 0) {
                    this.statusNumber = 5
                }else if (this.activeTab === 1) {
                    this.statusNumber = 6
                }else if (this.activeTab === 2) {
                    this.statusNumber = 9
                }
                // this.statusNumber = Number(this.activeTab) + 5

            }
            console.log(this.statusNumber, 'statusNumber')
            this.pageNum = 1
            this.finished = false
            this.resultList = []
            this.getSelfPickupList()
        },

        changeHandleType(){
            if(this.handle.includes('batch')){
                this.handleType = {
                    0:'batchawait',
                    1:'batchhasIn',
                }
            }else{
                this.handleType = {
                    0:'afterSalereturnAwaitIn',
                    1:'afterSalereturnAwaitOut',
                    2:'afterSaleHasOut',
                }
            }
            this.currentHandle = this.handleType[this.activeTab]
            console.log(this.currentHandle)
        },

        // 显示动作面板
        showMoreAction() {
            this.showActSheet = true
        },

        onClose() {
            this.showActSheet = false
        },

        overlayActions() {
            this.showActSheet = false
        },
        getStatusText(status) {
            const statusMap = {
                '3': '已出库',
                '1': '待入库',
                '2': '已入库',
                '4': '异常',
                '5': '待退货入库',
                '6': '退货待出库',
                '7': '当前库存',
                '8': '滞留',
                '9': '退货已出库'
            }
            return statusMap[status] || '未知状态'
        },
        // 清空
        clearData(){
            this.selectedRowKeys = []
            this.selectedRows = []
            this.checkAll = false
        },
        // 多选单选全选
        handleCheckboxChange({item, checked}) {
            console.log(item, 'i', checked, 'c')
            const index = this.selectedRowKeys.indexOf(item.wayBillNo)
            console.log(index, 'indes')
            if (item.isChecked === true) {
                if (index === -1) {
                    this.selectedRowKeys.push(item.wayBillNo)
                    this.selectedRows.push(item)
                }
                // this.selectedRowKeys.push(item.wayBillNo)
                // this.selectedRows.push(item)
            } else {
                this.selectedRowKeys.splice(index, 1)
                this.selectedRows.splice(index, 1)
            }
            console.log(this.selectedRowKeys, 'selectedRowKeys')
            this.checkAll = this.selectedRowKeys.length === this.resultList.length
            this.resultList.forEach(ele => {
                if (ele.wayBillNo === item.wayBillNo) {
                    ele.isChecked = checked
                }
            })
        },
        // 标记  选择框  文字
        handlechecked (item, checked) {
            console.log(item, checked, '单选----')
            this.checkAll = this.checked.length === this.resultList.length
            const index = this.selectedRowKeys.indexOf(item.wayBillNo)

            if (checked === true) {
                this.selectedRowKeys.push(item.wayBillNo)
                this.selectedRows.push(item)
            } else {
                console.log(index, 'indesR')
                this.selectedRowKeys.splice(index, 1)
                this.selectedRows.slice(index, 1)
            }
            this.resultList.forEach(ele => {
                if (ele.wayBillNo === item.wayBillNo) {
                    ele.isChecked = checked
                }
            })

        },
        // 全选后面的文字
        onChangeItem (type, item) {
            console.log(type, 'type', 'onChange')
            if (type === '多选') {
                this.checkAll = !this.checkAll
                console.log(this.checked)
                this.handleSelectAll(this.checkAll, !this.select)

            } else {
                // if (this.select && (item.onOffShelvesStatus === false || item.productStock <= 0)) {
                //     return false;
                // }
                // item.status = !item.status;
                // this.handleCheckLogic(item, item.status);
            }
        },
        handleSelectAll(checked, isManageMode) {
            const targetList = this.resultList
            const allCheckedIds = targetList.map(item => item.wayBillNo)
            targetList.forEach(item => { item.isChecked = checked })

            if (checked) {
                this.checked = allCheckedIds;
                this.selectedRows = JSON.parse(JSON.stringify(targetList));
            } else {
                this.checked = [];
                this.checkAll = false;
                this.selectedRows = [];
            }
            this.selectedRowKeys = this.checked;
        },

        // 处理全选
        handleCheckAll(val) {
            console.log(val, '全选按钮')
            const checkAll = val.detail
            const targetList = this.resultList
            const allCheckedIds = targetList.map(item => item.wayBillNo)
            targetList.forEach(item => { item.isChecked = checkAll })
            if (checkAll) {
                this.selectedRows = JSON.parse(JSON.stringify(targetList));
                this.checked = allCheckedIds
            } else {
                this.selectedRows = []
                this.checked = []
            }
            this.selectedRowKeys = this.checked
            console.log(this.resultList, 'resultList')
        },

        // 一键出库
        allTakeInOrOut(){
            // 若正在提交，直接返回
            if (this.isSubmiting) {
                return;
            }
            // 标记为正在提交
            this.isSubmiting = true;

            if(this.selectedRowKeys.length==0){
                return false
            }
            if(this.currentHandle=='batchhasIn' || this.currentHandle=='afterSalereturnAwaitOut'){
               this.handleOutbound()
            }else if(this.currentHandle=='batchawait' || this.currentHandle=='afterSalereturnAwaitIn'){
                this.handleInbound()
            }
            console.log(this.selectedRowKeys,'selectedRowKeys')
            console.log(this.selectedRows,'selectedRows')
            setTimeout(() => {
                // 操作完成，将 isSubmiting 设为 false
                this.isSubmiting = false;
            }, 1000);
        },

        // 出库
        // 出库
        handleOutbound(type) {
            console.log(type, '出库')
            handleOutboundApi({
                wayBillNoList:this.selectedRowKeys,
                isReturn:this.statusNumber && (this.statusNumber==6 || this.statusNumber==5) ? 1 :0  // 是否退货入库 0=不是 1=是

            }).then(res=>{
                console.log(res,'出库')
                if(res.code==200){
                    Toast({
                        message: `批量出库${this.selectedRowKeys.length}个商品`,
                        duration: 3000
                    });
                    this.clearData()
                    this.resultList=[]
                    this.pageNum=1
                    this.loading = false
                    this.finished = false
                    this.getSelfPickupList()
                }
            })
        },
        // 入库
        handleInbound(type) {
            console.log(type, '出入库')
            handleInboundApi({
                wayBillNoList:this.selectedRowKeys,
                isReturn:this.statusNumber && (this.statusNumber==6 || this.statusNumber==5) ? 1 :0 // 是否退货入库 0=不是 1=是
            }).then(res=>{
                console.log(res,'入库')
                if(res.code==200){
                    Toast({
                        message: `批量入库${this.selectedRowKeys.length}个商品`,
                        duration: 3000
                    });
                    this.clearData()
                    this.resultList=[]
                    this.pageNum=1
                    this.loading = false
                    this.finished = false
                    this.getSelfPickupList()
                }
            })
        },
         // 接口
         getSelfPickupList(){
            console.log(this.currentDate,'currentDate')
            if (this.loading || this.finished) return;
            this.loading = true;
            return new Promise((resolve, reject) => {
            // 入库
            getSelfPickupListApi({
              pageNum:this.pageNum,
              pageSize:this.pageSize,
              status:this.statusNumber,
            //   queryDate:this.currentDate,
            }).then(res=>{
                console.log(res,'入库')
                if(res.code==200){
                    console.log(res.data,'入库')
                    this.total = res.data.total;
                    // this.resultList=res.data.list
                    this.resultList = this.pageNum === 1
                            ? res.data.list
                            : [...this.resultList, ...res.data.list];
                    if(!this.resultList || this.resultList.length==0){
                        this.finished = true
                        this.showBottomBtn = false
                        return
                    }
                    this.resultList.forEach(ele => {
                        this.$set(ele, 'isShow', false)
                        this.$set(ele, 'isChecked', false)
                        if(ele.status){
                            ele.statusText = this.getStatusText(ele.status)
                        }
                    });
                    if (this.resultList.length >0) {
                        this.showBottomBtn = true;
                    }
                    this.finished = this.resultList.length >= this.total;
                    this.pageNum++;
                resolve(res)
                } else {
                    reject(res)
                }
            }).finally(() => {
                    this.loading = false;
                })
            })
        }
    },

}
</script>
<style lang="scss" scoped>
::v-deep .navBar .van-icon {
    color: #242629 !important;
}
.content {
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
    box-sizing: border-box;
    padding-bottom: calc(0rpx + env(safe-area-inset-bottom));
}

.page{
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
    box-sizing: border-box;
}
.scroll-content {
    flex: 1;
    height: 1px;
}
.pageTitle{
    padding: 0 48rpx 12rpx 48rpx;
    font-weight: 500;
    font-size: 56rpx;
    text-align: left;
    color: #333;

    span{
        font-weight: 400;
        font-size: 24rpx;
        text-align: left;
        color: #999;
        margin-left: 32rpx;
    }
}

.topBox {
    margin-top: 10px;
    margin-bottom: 12px;
    padding-left: 24px;
    padding-right: 24px;
    width: calc(100% - 48px);
    // padding-left: 11px;
    // padding-right: 11px;

    // 全部分类  menu
    .sort-menu {
      width: 100%;
      height: 44px;
      line-height: 44px;
      // margin-bottom: 18px;
      // display: flex;
      justify-content: space-around;
      align-items: center;
      text-align: center;
      vertical-align: middle;

      .sort_option {
        // flex: auto;
        font-size: 26rpx;
        height: 26rpx;
        line-height: 26rpx;
        cursor: pointer;
        display: inline-block;
        flex-direction: column;
        align-items: center;
        // overflow: hidden;
        padding: 14px 20px 6px;
      }

      .sort_option_selected {
        font-weight: bolder;
        line-height: 26rpx;
        font-size: 26rpx;
        padding: 10px 20px 8px;
      }

      .bottomLine {
        // width: 40rpx;
        height: 4rpx;
        background-color: rgba(255, 98, 3, 1);
        border-radius: 2px;
        margin-top: 14rpx;
        text-align: center;

      }

    }
  }

.search-container {
    margin-left: 48rpx;
    margin-right: 48rpx;
    margin-top: 32rpx;
    // background-color: #f9f9f9; /* 背景颜色 */
    border-radius: 32rpx;
    background: #fff;

}

.search-style {
    background-color: transparent;
    /* 搜索框背景透明 */
    border-radius: 20px;
    /* 圆角边框 */
    padding: 0 40px 0 10px;
    /* 内边距，为"搜索"二字留出空间 */
}
// 综合  销量  价格按钮
.tabsBox {
    padding: 24rpx 48rpx 0 48rpx;
    margin-bottom: 32rpx;
    display: flex;

    .filter_option {
        font-size: 24rpx;
        text-align: center;
        height: 48rpx;
        line-height: 48rpx;
        border-radius: 8rpx;
        color: #333333;
        background: #f4f4f4;
        margin-right: 10px;
        // padding-left: 9px;
        // padding-right: 9px;
        width: 112rpx;
    }

    .filter_option_selected:last-child {
        margin-right: 0px;
    }

    .filter_option_selected {
        border-radius: 8rpx;
        background: rgb(255, 98, 3, 0.1);
        color: #ff6203;
    }
}

// 搜索结果的数据统计
.searchStatistic{
    height: 64rpx;
    background: #efefef;
    color: #333333;
    font-size: 24rpx;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 64rpx;
    padding-left: 48rpx;
    span{
        color: #FF6203;
    }
}

// 搜索结果列表
.expressListBox{
    padding-bottom: 144rpx;
    margin-bottom: 32rpx;
}


// 搜索框的输入框

::v-deep .van-search {
    padding: 0px;
    background: transparent;
    border-radius: 32rpx;
    border: 1rpx solid #ff6202;
    height: 64rpx;
}

::v-deep .van-search--withaction {
    background: transparent;

}

::v-deep .van-search__content {
    background-color: transparent;
    // padding-left: 0px !important;
}

::v-deep .van-search__content--round {}

::v-deep .van-search__action {
    border-radius: 28rpx;
    background: #ff6203;
    font-size: 28rpx;
    color: #ffffff !important;
    height: 56rpx;
    line-height:56rpx;
    margin-right: 10px;
    width: 120rpx;
    text-align: center;
}

::v-deep .van-icon-search {
    color: #888888;
}

.checked-img {
    height: 40rpx;
    width: 40rpx;
}
::v-deep .bar-class, .van-submit-bar__bar{
  display: flex;
  justify-content: space-between !important;
  border-top: 1px solid #f9f9f9 !important;
  // padding-top: 20px !important;
}
::v-deep .van-submit-bar__tip {
    color: #FF6203 !important;
    background-color:#FFF9F7 !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    line-height: 35px !important;

}
::v-deep .van-button--warning {
    background-color: #FF6203;
}

// 动作面版
.van-action-sheet__header {
    font-size: var(--action-sheet-header-font-size,16px);
    font-weight: var(--font-weight-bold,500);
    line-height: var(--action-sheet-header-height,48px);
    text-align: left;
    padding: 0 48rpx !important;
}
::v-deep .van-empty__image {
    width: 300rpx;
    height: 300rpx;
}
</style>